<template>
  <div>
          <div id="activity">
      <!-- 头部 -->
      <div class="hd-header">
        <h2>热门活动</h2>
        <div>
          <span>3/4</span>
          <span>&lt;</span>
          <span>&gt;</span>
        </div>
      </div>

      <!-- 轮播图列表 -->
      <Banners />
    </div>
  </div>
</template>

<script>
export default {
  name: 'HodActivity',
}
</script>

<style lang="less" rel="stylesheet/less" scoped>
// 热门活动
#activity {
  width: 1040px;
  height: 270.25;
  margin: 0 auto 40px;
  .hd-header {
    position: relative;
    display: flex;
    width: 675px;
    height: 30.25px;
    border-bottom: 1px dotted black;
    line-height: 30.25px;
    margin-bottom: 20px;
    div {
      position: absolute;
      top: 0;
      right: 0;
      font-size: 16px;
    }
  }


}
</style>